<template>
	<view class="mind_warps" v-if="isOpen" @click="OPEN_MID_BTN(false)">
		<view class="midBtns">
			<view class="mid_t_item" @click.stop="$navTo('../fbProject/fbProject')">
				<view class="m_t_ico">
					<image class="autoImg" src="/static/image/fbObject@2x.png" mode=""></image>
				</view>
				<text>发布项目</text>
			</view>
			<view class="mid_t_item" @click.stop="$navTo('../fbTask/fbTask')">
				<view class="m_t_ico">
					<image class="autoImg" src="/static/image/fbTasks@2x.png" mode=""></image>
				</view>
				<text>发布任务</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {mapState, mapMutations} from 'vuex';
	export default {
		data() {
			return {

			};
		},
		computed:{
			...mapState({
				isOpen: state => state.isOpen
			})
		},
		methods: {
			...mapMutations([
				'OPEN_MID_BTN'
			]),

		}
	}
</script>

<style lang="scss" scoped>
	.mind_warps{
		position: fixed;
		top:0;right: 0;
		left: 0;bottom: 0;
		width: 100%;
		height: 100%;
		background-color: rgba($color: #000000, $alpha: 0.5);
		z-index: 1111111;
	}
	.midBtns{
		box-sizing: border-box;
		width: 100%;
		padding: 48rpx 100rpx;
		position: absolute;
		bottom: 0;
		@include flex_align;
		background-color: #fff;
		border-radius: 32rpx 32rpx 0 0;
		.mid_t_item{
			@include flex_cloumn_center;
			font-size: 28rpx;
			padding: 0 40rpx;
			color: #333;
			.m_t_ico{
				width: 100rpx;
				height: 100rpx;
				margin-bottom: 16rpx;
			}
		}
	}
</style>
